<template>
  <div id="app">
    <!-- <keep-alive include="Detail"> -->
    <keep-alive :exclude="cached">
      <!-- <Test /> -->
      <router-view ></router-view>
    </keep-alive>
    <MainTabBar v-show=" currPath !== '/test'" />
  </div>
  <!-- <div id="app">
    <div id="nav">
      <router-link to="/">home</router-link>
      <router-link to="/car">about</router-link>
    </div>
    <router-view></router-view>
  </div> -->
</template>


<script>
  import MainTabBar from "./components/content/mainTabbar/MainTabBar";
    export default {
        name: 'APP',
        components: {
            MainTabBar,
        },
        data (){
          return {
            cached: ['Detail'],
            currPath:'/'
          }
        },
     
        mounted(){
          console.log(this.currPath);
          
          this.currPath = this.$route.path
        }
    }
</script>

<style>
  @import "assets/css/base.css";
</style>
